<template>
  <div>
    <!-- 默认情况下，使用组件时，开始标签与结束标签中的内容是不会展示的 -->

    <!-- 
      编译作用域：
      父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。
     -->
    <HelloWorld>
      <p>我的天 {{ msg }}</p>
      <p>我的地</p>
    </HelloWorld>

    <HelloWorld></HelloWorld>
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  name: "App",

  components: {
    HelloWorld,
  },

  data() {
    return {
      msg: "App",
    };
  },
};
</script>

<style></style>
